@import "util";
@import "../common/rem.less";

.goal-add-edit {
    .px2px(font-size, 28);
    color: #292F33;
    .btn-group-block {
        text-align: center;
        .px2rem(margin-top, 60);
        .btn {
            margin: 0 auto;
            border-radius: 10px;
            border: none;
            width: 85%;
            .px2px(font-size, 30);
            .px2rem(height, 90);
            .px2rem(line-height, 90);
        }
        .save-btn {
            color: white;
            background-color: #fa6771;
            .px2rem(margin-bottom, 22);
        }
        .save-next-btn {
            background-color: white;
            color: #fa6771;
        }
        .btn-disabled {
            opacity: 0.5;
        }
    }
}

.two-side-row {
    .px2rem(height, 100);
    .px2rem(line-height, 100);
    .px2px(font-size, 28);
    overflow: hidden;
    width: 100%;
    background-color: white;
    .px2rem(padding-left, 30);
    .px2rem(padding-right, 30);
    border-bottom: 1px solid #e2e8ed;

    .left-part {
        float: left;
        color: #292F33;
        .px2px(font-size, 28);
    }
    .right-part {
        float: right;
        .right-part-label {
            color: #8899A6;
            font-weight: 300;
            .px2px(font-size, 28);
        }
        .right-part-icon {
            color: #D5DBDF;
            .px2px(font-size, 28);
        }
    }
    .clear-float {
        clear: both;
    }
}

.select-goal-type {
    .px2rem(margin-bottom, 20);
}

.goal-content-block {
    overflow: hidden;
    .px2rem(margin-bottom, 20);
    border-bottom: 1px solid #e2e8ed;
    .goal-label {
        .px2rem(padding-left, 30);
        .px2rem(padding-right, 30);
        .px2rem(padding-top, 20);
        .px2rem(padding-bottom, 0);
        background-color: white;
        span {
            color: red;
            .px2px(font-size,20);
            .px2rem(margin-left,10);
        }
    }
    .goal-text-input {
        .px2rem(height, 205);
        width: 100%;
        textarea {
            width: 100%;
            height: 100%;
            display: table;
            .px2rem(padding-left, 30);
            .px2rem(padding-right, 30);
            .px2rem(padding-top, 10);
            .px2rem(padding-bottom, 10);
            .px2px(font-size, 28);
            color: #8899A6;
            font-weight: 200;
            border: none;
            resize: none;
        }
    }
}

.select-goal-cycle {
    position: relative;
}

#goal-cycle-view {
    position: absolute;
    width: 100%;
    text-align: right;
    background-color: transparent;
    border: none;
    .px2rem(padding-right, 160);
    height: inherit;
    line-height: inherit;
    .px2px(font-size, 28);
    color: #8899A6;
    font-weight: 300;

}

#goal-cycle-view option {
    direction: ltr;
}

.select-cell-row {
    width: 100%;
    height: inherit;
    line-height: inherit;
}